/* 
 * Exemplo de requisição Ajax.
 
$(document).ready(function(){
    $("#formulario").fadeIn(1000);
    $("#formulario").submit(function(event){
        event.preventDefault();
        var usuario = $("#formulario #texto").val();
        var idade = $("#formulario #idade").val()
        $('<br /><span>Carregando</span>').appendTo('#formulario');
        $.post("ajax.php", {"nome":usuario,"idade":idade}, function(dados){
            $("#formulario").fadeOut(1000);
            $("<div></div>",{
                "id":"retorno",
                text:"Retornando responta do servidor "+dados.rs_nome+" "+dados.rs_idade
            }).css({
                "background-color": "red",
                "color":"white"
            }).appendTo("body");
        }, "json");
    });
});

*/
var i = 0;

function teste (){
    $(this).css("background-color", "yellow");
}

function ativar(){
    $(this).fadeTo(500,0.5);
}

$(document).ready(function(){
    $("#botao").click(function(){
        var div = $("<div></div>",{
            border:"1px",
            width:"100px",
            height:"200px"
        }).css({
            "background-color":function(){
                i++;
                return i%2 == 0 ?  "red" :  "blue"
            },
            "float":"left"
        });
        $("#conteudos").after(div);
    });
    
    $("#remover").click(function(){
        $("div[id!='conteudos']").first().remove();
    });
    
    $(':text').keyup(function(){
        $('#repetidor').text($(this).val());
    }).blur(function(){
        $(this).css("background-color", "red");
    }).bind("focus", teste);
    
    $('form').submit(function(){
        $(':text').unbind("focus", teste);
        return false;
    });
    
    $('body').delegate("div[id!='conteudos']", "click", ativar);
    
});
